	<article class="module width_full">
		<header><h3>Stats</h3></header>
		<div class="module_content">
			<article class="stats_graph">
				<div id="googlereport">
					<h1>Google Analytics Report</h1>
					<hr> 
					<button id="authorize-button" style="visibility:hidden">Authorize Analytics</button>
					<hr>
					<div id="ui" style="display:none">
						<h3>Data Over Time</h3>
						<div id='dataOverTimeConfig'></div>

						<h3>Totals for each metric</h3>
						<div id="scorecard"></div>

						<h3>Source and Mediums by Visitor</h3>
						<div id="sourceMediumTableConfig"></div>
					   

							<!-- Load all libraries and run some JS code -->
							<script src="https://www.google.com/jsapi"></script>
							<script src="http://analytics-api-samples.googlecode.com/svn/trunk/src/reporting/javascript/ez-ga-dash/gadash-1.0.js"></script>
							<script src="https://apis.google.com/js/client.js?onload=gadashInit"></script>
							<script>
								gadash.configKeys({
									'apiKey': 'AIzaSyDwB2RNv3cmWF0qnvAHaqdUUSHcXZgy2nA',
									'clientId': '763622972511.apps.googleusercontent.com'
								});


								// Create new Chart.
								var dataOverTime = new gadash.Chart();
								var scoreCard = new gadash.Chart();
								var sourceMediumTable = new gadash.Chart();


								// Base chart configuration. Used for all charts.
								var baseConfig = {
									'last-n-days': 30,
									'query': {
										'metrics': 'ga:visitors, ga:visits, ga:pageviews',
									},
									'chartOptions': {
										width: 700
									}
								};


								// Configuration for data over time graph.
								var dataOverTimeConfig = {
									'divContainer': 'dataOverTimeConfig',
									'type': 'LineChart',
									'query': {
										'dimensions': 'ga:date',
										'sort': 'ga:date'
									},
									'chartOptions': {
										height: 300,
										legend: {position: 'bottom'},
										hAxis: {title: 'Date'},
										curveType: 'function'
									}
								};


								// Configuration for totals for each metric.
								var scoreCardConfig = {
									'divContainer': 'scorecard',
								};





								/**
								 * Handler for the run demo button.
								 * Uses the table ID in the form to update the baseConfig object. Then
								 * sets baseConfig into each of the charts. Then each chart's specific
								 * configuration parameters are set. Finally all are rendered.
								 */
								function renderGraph() {
									// Add the table id to the base configuration object.
									baseConfig.query.ids = 'ga:78632249';

									dataOverTime.set(baseConfig).set(dataOverTimeConfig).render();
									scoreCard.set(baseConfig).set(scoreCardConfig).render();


									// Display UI.
									document.getElementById('ui').style.display = 'block';
								}
							</script>
					
					
					</div>
				</div>
			</article>

			<div class="clear"></div>
		</div>
	</article>
		
